﻿@charset "utf-8";
html,body{height:100%;}
body{padding:120px 0 0 0; margin:0px auto; font-size:16px; line-height:26px; color:#333333; width:100%; min-width:300px; zoom:1;font-family:"Microsoft YaHei","Arial","宋体",sans-serif;background: #fff;}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
select,input,textarea,button{ font-size:16px; border-radius:0; -webkit-border-radius:0; color:#545454;font-family:"Microsoft YaHei","Arial","宋体",sans-serif;}
input:focus { outline: none;}
input,button,select,textarea{ border:0px;outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/}
button{ cursor:pointer;}
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/}
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,fxigcaption,address{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{ color:#4c4c4c; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);transition: all ease 0.3s;}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#007cc3;}
/**:hover{transition: all ease 0.3s;}*/
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{ text-align:center;}
.hide{ display:none;}
.clear{ clear:both;}
.clearfix{overflow:hidden;_zoom:1;}
.clearfix:after{ content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix{*zoom:1;}
:-moz-placeholder {color: #888888;}
::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {color: #888888;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {color: #888888;}
::-webkit-scrollbar{
            width: 3px;-webkit-overflow-scrolling : touch;
            background-color: #e6e6e6;}
::-webkit-scrollbar-track{
            background-color: #e6e6e6;}
::-webkit-scrollbar-thumb{
            border-radius: 10px;
            background-color: #009beb;}
::-webkit-scrollbar-button{
            height: 0px;
            background-color: #B0AEDA;}

.relative{ position:relative;}
.bodyon{ overflow:hidden;}
.Contain{ position:relative; clear:both; max-width:1200px; margin:0px auto;}
.block{ display:block;}
.tit{ display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:100%;}
.p{overflow: hidden;word-break:normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;}
.effict{transition: all ease 0.3s;}

@media ( max-width:1200px){
.Contain{ margin:0 12px;}
}

@media ( max-width:998px){
body{ padding-top:46px; font-size:14px;line-height:24px;}	
select,input,textarea,button{ font-size:14px;}
}

/*font*/
.f_red{ color:#ff0000;}
.f_green{ color:#056b0a;}
.whiteblack { -webkit-filter: grayscale(100%);}
.whiteblack.active,
.whiteblack:hover {-webkit-filter: grayscale(0%);}

.Scale-img {overflow: hidden;cursor: pointer; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1); top:0px; left:0px;}

/*pages*/
.Pages{ zoom:1; overflow:hidden;text-align:center; clear:both; line-height:40px; font-size:18px;}
.Pages span{ padding:0px 0px; display:inline-block; vertical-align:middle;}
.Pages a{ display:inline-block; vertical-align:middle; margin:0px 4px; width:40px; background:#cccccc; color:#fff;}
.Pages .p_page a{ display:inline-block; vertical-align:middle;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ font-family:"宋体";}
.Pages .p_page .a_prev:hover,.Pages .p_page .a_next:hover,.Pages .p_page .a_first:hover,.Pages .p_page .a_end:hover{background:#007cc3;color:#fff;}
.Pages .p_page .num{ margin:0 0px;}
.Pages .p_page .num a{vertical-align:middle;}
.Pages .p_page .num a:hover,.Pages .p_page .num a.a_cur{background:#007cc3; color:#fff;}

@media ( max-width:768px){
.Pages{ line-height:24px;font-size:12px;}
.Pages .p_page .a_prev,.Pages .p_page .a_next,.Pages .p_page .a_first,.Pages .p_page .a_end{ padding:0 5px;}
.Pages a{ margin:0 2px;width:20px;}
}
/*pages end*/


/*Top*/
.Toper{ font-size:14px; padding:8px 0; line-height:34px; height:34px; background:#f8f9fc; color:#999999;transition: all ease 0.3s;}
.Header{ z-index:999; position:fixed; left:0; top:0; width:100%; background:#fff;transition: all ease 0.3s; border-bottom:1px solid #e6e6e6;}
.Header .Logo{ float:left; padding-top:15px;}
.Header .Logo img{transition: all ease 0.3s; height:70px;}
.Header .Search{ position:absolute; right:227px; top:-43px;}
.Header .Searchico{ display:none; padding:4px 0 0 0px; position:absolute; right:40px; top:13px;}
.Header .Searchico img{ width:16px; height:16px;}
.Header .searchbox{width:218px; position:relative; background:#fff; border-radius:3px; border:1px solid #dddddd;}
.Header .searchbox .input{ font-size:14px;width:100%; height:32px; line-height:32px; text-indent:1em;}
.Header .searchbox .input::-webkit-input-placeholder {color: #959595;}
.Header .searchbox .btn { position:absolute; right:0; top:7px; width:29px; background:none; height:20px;}
.Header .searchbox .btn img{ width:17px; height:17px; position:absolute; left:0; top:2px;}
.Header .nav{ float:left; margin-left:20px;}
.Header .nav i{ display:inline-block; width:20px; vertical-align:middle; background:url(../images/ico/dot.png) center center no-repeat; height:15px;}
.Header .nav a{ color:#999999;}.Header .nav a:hover{ color:#007cc3;}

.MainNav{float:right;}
.MainNav li{float:left;position:relative; z-index:999; margin-left:50px;}
.MainNav li span a{ font-weight:bold;z-index:2; position:relative;display:block; color:#333333; text-align:center; height:100px; line-height:98px; font-size:18px;transition: all ease 0.3s; padding:0 4px;}
.MainNav .bg{ position:absolute; left:50%; bottom:0px; height:2px; background:#007cc3; width:0%; z-index:0;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.MainNav .arr{ display:none;}
.MainNav li:hover span a,.MainNav li.onnav span a,.MainNav li span a.sele{ color:#007cc3;}
.MainNav li:hover span .bg,.MainNav li.onnav span .bg,.MainNav li span a.sele .bg{ width:100%; left:0;}

.NavPull{display:none; position:absolute; top:100px; text-align:center; left:-35px; border-radius:0 0 5px 5px; background:rgba(0,0,0,0.5); width:135px;}
.NavPull.null{background:none; padding:0; box-shadow: 0 0px 0px none;}
.NavPull dd { position:relative;}
.NavPull dd em{ display:block;}
.NavPull a{ display:block; color:#fff; font-size:16px; padding:5px 0;}
.NavPull a:hover,.NavPull dd.on em a{ background:#333;}
.NavPull dd:last-child a{border-radius:0 0 5px 5px;}

.mstbg{ position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:886; display:none;}
.openbtn{ cursor:pointer; display:none;width:26px; position:absolute; right:12px; top:12px; z-index:999;}
.closebtn{ position:fixed; left:0px; top:46px; width:100%; height:100%; z-index:887; display:none; background:rgba(255,255,255,0.8);}
.openbtn span{ display:block; height:3px; background:#007cc3; margin:4px 0px;transition: all ease 0.3s;}
.openbtn.on .sp1 {
	-webkit-transform: translate(0, 3px) rotate(45deg) !important;
	-moz-transform: translate(0, 3px) rotate(45deg) !important;
	-ms-transform: translate(0, 3px) rotate(45deg) !important;
	-o-transform: translate(0, 3px) rotate(45deg) !important;
	transform: translate(0, 3px) rotate(45deg) !important;}
.openbtn.on .sp2 {
	-webkit-transform: translate(0, -3px) rotate(-45deg) !important;
	-moz-transform: translate(0, -3px) rotate(-45deg) !important;
	-ms-transform: translate(0, -3px) rotate(-45deg) !important;
	-o-transform: translate(0, -3px) rotate(-45deg) !important;
	transform: translate(0, -3px) rotate(-45deg) !important;}	
.openbtn.on .sp3 { display:none;}

.Header.Fixedtop{ height:60px; box-shadow:0 0 8px #ddd;}
.Header.Fixedtop .Toper{ margin-top:-50px;}
.Header.Fixedtop .Logo { padding-top:5px;}
.Header.Fixedtop .Logo img{ height:50px;}
.Header.Fixedtop .Toper{ top:0;}
.Header.Fixedtop .MainNav li span a{ height:60px; line-height:58px;}
.Header.Fixedtop .NavPull{top:60px;}

@media ( max-width:1160px){
.MainNav li{margin-left:30px;}
}
@media ( max-width:998px){
.Toper{ display:none;}
.Header{height:46px; padding:0; background:#fff; width:100%; position:fixed; box-shadow:0 0 10px #ddd; left:0px; top:0px; z-index:999;}
.Header .Logo{ padding-top:8px;}
.Header .Logo img{ height:30px;}
.Header .Toper{position:static;}
.Header .Search{ display:none; width:98%; background:#fff; right:0; position:absolute; box-shadow:0 0 10px #ddd; padding:1%; top:50px;}
.Header .searchbox{ width:100%; border:0;}
.Header .Searchico{ display:block;}
.Header .openbtn{ display:block;}

.MainNav{ position:fixed; height:auto; max-height:100%; overflow-y:auto; z-index:999; width:100%; padding:0; left:0;background: #666;top:46px; display:none;}
.MainNav ul{ margin-top:0px;}
.MainNav li{ position:relative; cursor:pointer; float:none; border-bottom:1px solid #717070;border-top:1px solid #616161; width:auto; margin:0 10px;}
.MainNav li span a{ font-size:16px; text-align:left; height:auto; display:block; line-height:40px; height:40px; padding-left:5px; color:#fff !important; border:0;}
.MainNav .bg{ display:none}
.MainNav li:hover span .line,.MainNav li.onnav span .line,.MainNav li span a.sele .line{ width:100%; margin:0; left:0px; bottom:-1px;}
.MainNav .arr{ display:inline-block; position:absolute; z-index:2; width:100%; height:46px; left:0px; top:0px;}
.MainNav .arr img{ position:absolute; width:17px; height:auto; background:none; right:20px; top:16px;transition: all ease 0.3s;}
.MainNav li.onnav .arr img{dis-moz-transform: translate(0, -3px) rotate(-180deg) !important;
	-ms-transform: translate(0, -3px) rotate(-180deg) !important;
	-o-transform: translate(0, -3px) rotate(-180deg) !important;
	transform: translate(0, -3px) rotate(-180deg) !important;}

.NavPull { position:static; background:#737373; text-align:left; width:100%; border-radius:0;}
.NavPull dd a{ display:block;padding:5px 0px 5px 10px; color:#fff; font-size:14px; border-bottom:1px solid #666;}
.NavPull dd a:hover{ color:#fff; background:#4d4c4c;}
.NavPull .sub{ display:block; background:#737373; position:static; width:100%;}
.NavPull .sub dd a{ padding-left:40px;}

.Header.Fixedtop{ height:46px;}
.Header.Fixedtop .Logo{padding-top:8px;}
.Header.Fixedtop .Logo img{ height:30px;}
.Header.Fixedtop .MainNav li span a{ height:45px; line-height:45px;}
}
/*Top*/


/*Bottom*/
.Footer{ background:#3b3b3b; padding:22px 0 16px 0; color:#b3b3b3; font-size:14px;}
.Footer .Ewm{ float:right; text-align:center; line-height:26px;}
.Footer .Ewm img{ display:block; margin:0px auto; background:#fff; border:1px solid #f5f5f5; padding:5px; width:78px; height:78px;}
.Footer a{color:#b3b3b3;}.Footer a:hover{color:#007cc3;}
.Footer .con-left{ float:left; width:80%;}
.Footer .con-left p i{ display:inline-block; margin-right:24px;}
.Footer .nav{ line-height:44px;}
.Footer .nav a{ color:#fff;}.Footer .nav a:hover{ color:#007cc3;}
.Footer .nav i{ display:inline-block; width:36px; background:url(../images/bline.png) center center no-repeat; height:20px; vertical-align:middle;}

.Linkbox{ padding:0px 0 22px 120px; border-bottom:1px solid #4f4f4f; margin-bottom:21px; position:relative;}
.Linkbox .tis{ font-size:18px; position:absolute; left:0px; top:0px; line-height:38px; color:#fff;}
.Linkbox ul{ margin-left:-4%;}
.Linkbox li{ width:29.3333%; padding-left:4%; float:left;}
.Linkbox select{ width:100%; color:#e3e3e3; height:38px; text-indent:1em; border-radius:3px; font-size:16px;}
.Linkbox select{-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;-webkit-appearance: none;-moz-appearance: none;appearance: none; cursor:pointer;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none; background: #4f4f4f url(../images/linkarr.png) right 30px center no-repeat;}
.Linkbox select::-ms-expand { display: none; }/*Ie clear arr*/

.totop{width: 70px; line-height:18px; padding-top:43px; height:27px;text-align: center; background: #009ceb url(../images/ico/top.png) center 11px no-repeat; position: fixed;bottom: 50px; right: 5px; cursor: pointer;color:#fff;overflow: hidden;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s; font-size:14px;}
.totop.cd-is-visible {visibility: visible;opacity: 1; height:27px; cursor:pointer;}

@media ( max-width:998px){
.Linkbox{ padding-left:90px;}
.Linkbox .tis{ font-size:16px; line-height:30px;}
.Linkbox .tis{line-height:30px;}
.Linkbox select{ font-size:14px; height:30px; line-height:30px; background-position:right 5px center;}
.Footer .nav i{ width:15px;}

.totop{width: 35px;height: 34px;bottom: 73px; padding:0; font-size:12px; background-position:center center;}
.totop.cd-is-visible { height:35px;}
.totop span{ display:none;}
}
@media ( max-width:768px){
.Linkbox{ padding:0 0 0px 0px;}
.Linkbox .tis{ position:static;}
.Linkbox li{ width:auto; float:none; margin-bottom:12px;}
.Footer .nav{ display:none;}
.Footer .Ewm{ float:none; padding-top:10px; font-size:12px;}
.Footer .con-left{ float:none; width:auto; font-size:12px;}
}

/*Bottom*/

/*首页 s*/
.activehover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.5);
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
	-webkit-transform: translate3d(0, -3px, 0);
	transform: translate3d(0, -3px, 0);}
	
.HomeBan {overflow:hidden; clear:both; position:relative;background:url(../images/loading.gif) center center no-repeat;}
.HomeBan .slides li{ position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;}
.HomeBan .slides li a{ display:block; height:550px;}
.HomeBan .flex-control-nav{bottom:0px; z-index:10;}
.HomeBan .flex-control-nav li{ margin:0 2px 0 2px;}
.HomeBan .flex-control-nav li a{ opacity:1; width:24px; height:5px; background:#fff;}
.HomeBan .flex-control-nav li a.flex-active{opacity:1; background:#007cc3;}
.HomeBan .flex-direction-nav a {width: 35px; height: 55px; opacity:0;}
.HomeBan .flex-direction-nav .flex-prev { left:-60px; background: #007cc3 url(../images/arrleft0.png) center center no-repeat;}
.HomeBan .flex-direction-nav .flex-next { right:-60px; background: #007cc3 url(../images/arrright0.png) center center no-repeat;}
.HomeBan:hover .flex-direction-nav .flex-prev { left:20px; opacity:1;}
.HomeBan:hover .flex-direction-nav .flex-next { right:20px; opacity:1;}
@media ( max-width:998px){
.HomeBan .slides li a{height:auto; padding-top:50%;}
.HomeBan .flex-direction-nav { display:none;}
}

.HomeNotice{ line-height:70px; height:70px; box-shadow:0 0 10px #ddd;}
.HomeNotice .Tithead{ background:url(../images/ico/notice.png) 0px center no-repeat; padding-left:38px; position:absolute; left:0; top:0;}
.HomeNotice .more{ position:absolute; right:0; top:20px; text-align:center; width:90px; line-height:30px; border-radius:14px; color:#666666; font-size:14px; background:#f4f4f4;}
.HomeNotice .more:hover{ color:#fff;background:#009ceb;}
.HomeNotice .flexslider{ margin:0 198px 0 142px;}
.HomeNotice .slides li{ position:relative;}
.HomeNotice .slides .tit{ width:auto; float:left;}
.HomeNotice .slides .date{ display:inline-block; margin-left:29px; color:#999999;}
.HomeNotice .flex-control-nav{ display:none;}
.HomeNotice .flex-direction-nav{ width:57px; background:url(../images/arrline.gif) center center no-repeat; height:17px; position:absolute; right:-60px; top:25px;}
.HomeNotice .flex-direction-nav a { width: 11px; color:#999999; font-family:"宋体"; font-size:24px; background:none; line-height: 17px; margin:0; top:0; text-indent:0em;}
.HomeNotice .flex-direction-nav .flex-prev {opacity:1; left:0px;}
.HomeNotice .flex-direction-nav .flex-next {opacity:1; right:0px;}
.HomeNotice .flex-direction-nav a:hover {color:#007cc3;}
@media ( max-width:998px){
.HomeNotice{ line-height:30px; height:auto; padding:8px 0 5px;}
.HomeNotice .Tithead{ position:static;}
.HomeNotice .flexslider{ margin:0;}
.HomeNotice .more{ top:0px; width:60px; line-height:25px; font-size:12px;}
.HomeNotice .flex-direction-nav{ right:72px; top:-25px;}
.HomeNotice .slides .tit{ width:78%;}
.HomeNotice .slides .date{ position:absolute; right:0; top:0; font-size:12px;}
}

.date{ font-family:Arial, Helvetica, sans-serif;}
.HomeNews{ padding:4.5% 0; background:#f5f5f5;}
.HomeNews .Contain{ background:#fff;}
.HomeNews .Nav{ float:right; width:14%;}
.HomeNews .Nav li{ text-align:center; line-height:37px; position:relative; border-bottom:1px solid #f3f3f3; border-left:1px solid #f3f3f3; padding-top:20px; height:79px; color:#666666;}
.HomeNews .Nav li a{ display:block; width:100%; height:100%; z-index:1; position:absolute;}
.HomeNews .Nav li .ico{ position:relative; margin:0px auto; width:35px; height:35px;}
.HomeNews .Nav li .i1,.HomeNews .Nav li .i2{position: absolute; left:0px;top: 0px;}
.HomeNews .Nav li .i1{ transition: 400ms;}
.HomeNews .Nav li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.HomeNews .Nav li:hover,.HomeNews .Nav li.on{ color:#fff; background:#007cc3;}
.HomeNews .Nav li:hover .arr,.HomeNews .Nav li.on .arr{ width:8px; height:21px; left:-8px; background:url(../images/navarr.gif); position:absolute; top:50%; margin-top:-10px;}
.HomeNews .Nav li:hover .i2,.HomeNews .Nav li.on .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.HomeNews .Nav li:hover .i1,.HomeNews .Nav li.on .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.HomeNews .list{ float:left; width:34%; padding:0 3.4%;}
.HomeNews .list .top{ border-bottom:1px solid #f3f3f3; padding:33px 0 19px; margin-bottom:17px;}
.HomeNews .list .top .tit{ line-height:30px; font-size:20px; color:#333333;}
.HomeNews .list .top .date{ line-height:32px; font-size:14px; color:#999999;}
.HomeNews .list .top .p{ height:52px; font-size:14px; color:#999999;-webkit-line-clamp: 2;}
.HomeNews .list .li{ height:34px; line-height:34px; padding-left:18px; background:url(../images/arrli.png) 0px center no-repeat;}
.HomeNews .list .li .tit{ width:70%; color:#666666; float:left;}.HomeNews .list .li:hover .tit{color:#007cc3;}
.HomeNews .list .li .date{ float:right;color:#999999;}
.HomeNews .list .top:hover .tit{color:#007cc3;}

.NewsFocus{ width:45.2%; float:left; overflow:hidden;}
.NewsFocus .slides li{ position:relative;}
.NewsFocus .imgbox{ height:400px;}
.NewsFocus .ti{ background:rgba(0,0,0,0.6); width:100%; position:absolute; z-index:1; left:0; bottom:0; line-height:46px; text-indent:1em; color:#fff;}
.NewsFocus .ti .tit{ width:73%;}
.NewsFocus .date{ color:#fff; position:absolute; z-index:2; left:26px; background:#005bac; top:0; text-align:center; width:76px; font-size:14px; line-height:18px;}
.NewsFocus .date b{ display:block; padding-top:7px; line-height:20px; font-size:16px;}
.NewsFocus .date span{ display:inline-block; height:49px; border-bottom:3px solid #f58323;}
.NewsFocus .flex-control-nav{ text-align:right; right:15px; bottom:-5px;}
.NewsFocus .flex-control-nav li{ margin:0 4px 0 0;}
.NewsFocus .flex-control-nav li a{ opacity:1; width:14px; height:3px; background:#fff; text-indent:999em;}
.NewsFocus .flex-control-nav li a.flex-active{opacity:1; background:#007cc3;}
.NewsFocus .flex-direction-nav a { display:none;}
@media ( max-width:998px){
.HomeNews .Nav li a{ display:none;}
}
@media ( max-width:800px){
.NewsFocus{ width:auto !important; float:none;}
.NewsFocus .imgbox{ height:auto !important; padding-top:50%;}
.HomeNews .Nav{ float:none; width:auto;}
.HomeNews .Nav ul{display: flex;display: -webkit-flex;flex-flow:row;}
.HomeNews .Nav li{width:100%; padding-top:10px; height:60px;}
.HomeNews .Nav li .ico{ width:23px; height:23px;}
.HomeNews .Nav .arr{ display:none;}
.HomeNews .list{ float:none; width:auto; padding:10px;}
.HomeNews .list .top{ border-bottom:1px solid #f3f3f3; padding:5px 0 5px; margin-bottom:5px;}
.HomeNews .list .top .tit{ line-height:30px; font-size:16px; color:#333333;}
.HomeNews .list .li{ height:28px; line-height:28px; padding-left:15px;}
}


.HomeTit{ text-align:center; padding-bottom:36px; line-height:31px;}
.HomeTit h2{ font-size:30px; color:#333333;}
.HomeTit h2 i{color:#007cc3;}
.HomeTit .en{ text-transform:uppercase; color:#b2b2b2; line-height:21px; padding-top:10px;}
.HomeTit .more{ float:right;}
.HomeTit .more a{ display:block; text-align:center; color:#666666; font-size:14px; width:90px; line-height:30px; background:#f4f4f4; border-radius:16px;}
.HomeTit .more a:hover{ color:#fff; background:#007cc3;}

.HomeZb{ padding:4.5% 0; background:#fbfbfb;}
.HomeZb .HomeTit h2{ float:left;}
.HomeZb .list{ width:63%; float:left;}
.HomeZb .list ul{ border-top:1px solid #ececec; margin-top:2px;}
.HomeZb .list li{ position:relative; border-bottom:1px solid #ececec; padding:18px 98px 24px 40px; background:url(../images/dot.gif) 20px 34px no-repeat;transition: all ease 0.3s;}
.HomeZb .list .tit{ line-height:37px; color:#333333;}
.HomeZb .list .p{-webkit-line-clamp: 2; color:#ababab; height:44px; line-height:22px;}
.HomeZb .list .date{ top:18px; position:absolute; text-align:right; right:20px; background:url(../images/morearr.png) right bottom no-repeat; padding-bottom:28px; line-height:37px; color:#bfbfbf; font-size:20px;}
.HomeZb .list li:hover{ackground:url(../images/dot01.gif) 20px 34px no-repeat;}
.HomeZb .list li:hover .tit{ color:#007cc3; font-weight:bold;}
.HomeZb .nav{ width:33.5%; float:right;}
.HomeZb .nav li{ margin-bottom:20px;transition: all ease 0.3s; text-align:center;}
.HomeZb .nav li:last-child{ margin-bottom:0px;}
@media ( max-width:998px){
.HomeTit{padding-bottom:10px;}
.HomeTit h2{ font-size:18px;}
.HomeZb .list li{padding:8px 50px 12px 20px; background-position:0px 23px;}
.HomeZb .list .date{ top:10px; right:0px;padding-bottom:10px;font-size:14px;}
}
@media ( max-width:800px){
.HomeZb .list{ width:auto; float:none;}
.HomeZb .nav{ width:auto; float:none; margin-left:-3%;}
.HomeZb .nav li{ width:47%; float:left; padding-left:3%;}
}

.HomeZs{ padding:4.5% 0; background:url(../images/zsbg.jpg) center center no-repeat; background-size:cover;}
.HomeZs .NewsFocus{ width:49%;}
.HomeZs .NewsFocus .imgbox{ height:390px;}
.HomeZs .NewsFocus .flex-control-nav { bottom:0px;}
.HomeZs .NewsFocus .flex-control-nav li{ margin-right:7px;}
.HomeZs .NewsFocus .flex-control-nav li a{width:10px; height:10px; border-radius:50%;}
.HomeZs .list{ width:48%; float:right; padding-top:10px;}
.HomeZs .list li{ position:relative;}
.HomeZs .list li .ti{ line-height:32px; background:url(../images/dot2.png) 11px center no-repeat; padding-left:50px;}
.HomeZs .list li .info{ display:none; font-size:14px; line-height:22px; padding-bottom:25px; margin:0 0 21px 49px; border-bottom:1px solid #ebe9eb; }
.HomeZs .list li .info .date{ color:#999999;}
.HomeZs .list li .info .p{ color:#666666; height:44px;-webkit-line-clamp: 2; margin-top:6px;}
.HomeZs .list li .more{ opacity:0;}
.HomeZs .list li.on .ti{ line-height:34px; background:url(../images/ico/logo.png) 0px center no-repeat; color:#007cc3; font-weight:bold;}
.HomeZs .list li.on .info{ display:block;}
.HomeZs .list li.on .more{ opacity:1; width:26px; height:18px; background:url(../images/morearr2.png); position:absolute; right:24px; top:20px;}
@media ( max-width:800px){
.HomeZs .list{ width:auto; float:none;}
.HomeZs .list li .ti{ line-height:28px; background-position:0px center; padding-left:35px;}
.HomeZs .list li.on .ti{ line-height:28px;}
.HomeZs .list li .info{padding-bottom:10px; margin:0 0 10px 35px;}
}


.HomeParty{ background:#fafafa; padding:4.5% 0;}
.HomeParty .NewsFocus{overflow:hidden; background:#fff; width:auto; float:none;}
.HomeParty .NewsFocus .slides li{height:328px;}
.HomeParty .NewsFocus .imgbox{ width:40%; float:left; height:328px;}
.HomeParty .NewsFocus .info{ line-height:30px; width:50%; float:left; padding:65px 5% 0;}
.HomeParty .NewsFocus .tit{ margin-bottom:22px; font-size:20px; font-weight:bold; color:#333333;}
.HomeParty .NewsFocus .p{ height:90px; color:#999999; font-size:14px;-webkit-line-clamp: 3;}
.HomeParty .NewsFocus .slides li:hover .tit{ color:#007cc3;}
.HomeParty .NewsFocus .flex-control-nav{ right:auto; text-align:left; left:45.5%; bottom:15%;}
.HomeParty .NewsFocus .flex-control-nav li a{width:25px; height:5px; background:#dbdbdb;}
.HomeParty .NewsFocus .flex-control-nav li a.flex-active{ background:#007cc3;}
.HomeParty .NewsFocus .flex-direction-nav { display:none;}

.HomeParty .list{ padding-top:30px; clear:both;}
.HomeParty .list ul{ margin-left:-17px;}
.HomeParty .list li{ width:33.333%; float:left;}
.HomeParty .list li .box{ line-height:24px; margin:39px 0 0 17px; background:#fcfdff; position:relative; padding:67px 32px 0; height:133px;transition: all ease 0.3s;}
.HomeParty .list li .date{ position:absolute; left:32px; top:-40px; color:#fff; text-align:right; padding:20px 15px 0 0; width:75px; height:60px; color:#adacad; font-size:14px; line-height:14px; background:#656366;}
.HomeParty .list li .date i{ display:block; line-height:25px; color:#fff; font-size:24px;}
.HomeParty .list li .tit{ color:#333333; margin-bottom:9px;}
.HomeParty .list li .p{ color:#ababab; height:72px;-webkit-line-clamp: 3;}
.HomeParty .list li:hover .box{ background: #fff url(../images/ico/logoico.png) right 20px bottom 20px no-repeat;}
.HomeParty .list li:hover .tit{ color:#007cc3;}
.HomeParty .list li:hover .date{ background:#007cc3; color:#8db7dc;}
@media ( max-width:800px){
.HomeParty .NewsFocus .slides li{height:auto;}
.HomeParty .NewsFocus .imgbox{ width:auto; float:none;}
.HomeParty .NewsFocus .info{ width:auto; padding:12px 12px 40px; float:none; line-height:22px;}
.HomeParty .NewsFocus .tit{ margin-bottom:8px; font-size:16px;}
.HomeParty .NewsFocus .p{ height:44px;-webkit-line-clamp: 2;}
.HomeParty .NewsFocus .flex-control-nav{text-align:center; left:0; bottom:0;}
.HomeParty .list li .date{padding:5px 10px 0 0; top:-35px; left:10px; width:50px; height:50px;}
.HomeParty .list li .date i{ font-size:16px;}
.HomeParty .list li .box{margin:20px 0 0 17px; padding:30px 10px 0; height:120px;}
}
@media ( max-width:640px){
.HomeParty .list li{ width:auto; float:none;}
.HomeParty .list li .date{ top:-18px;}
.HomeParty .list li .box{ padding:40px 10px 20px; height:auto;}
.HomeParty .list li .p{ height:auto;-webkit-line-clamp: 2;}
}

.HomeItem{ background:#f5f5f5; padding:4.5% 0;}
.HomeItem li{ width:25%; float:left; position:relative; overflow:hidden;}
.HomeItem li .imgbox{ height:300px;}
.HomeItem li.li1{}
.HomeItem li.li2,.HomeItem li.li4{ width:50%;}
.HomeItem li.li3 .imgbox{ height:600px;}
.HomeItem li.li4,.HomeItem li.li5{ margin-top:-300px;}
.HomeItem li.li5{ margin-left:50%;}
.HomeItem .info{display: flex; align-items: center; text-align:center; background:rgba(0,124,195,0.8); position:absolute; left:0; bottom:-100px; width:100%; height:100%; z-index:2; opacity:0;transition: all ease 0.3s;}
.HomeItem .info .line{ position:absolute; left:5%; top:6%; width:89%; height:88%; border:1px solid rgba(255,255,255,0.2);}
.HomeItem .info .txt{ line-height:29px; max-width:80%; margin:0px auto; font-size:14px;}
.HomeItem .info .tit{ padding-bottom:16px; font-size:18px; font-weight:bold; color:#fff;}
.HomeItem .info .p{ color:#fff;-webkit-line-clamp: 2; height:58px; opacity:0.8;}
.HomeItem .info .more{ border-radius:19px; margin:21px auto 0; width:128px; line-height:38px; color:#fff; border:1px solid rgba(255,255,255,0.3);}
.HomeItem li.li2.info .txt,.HomeItem li.li4 .info .txt{ max-width:60%;}
.HomeItem li:hover .info{ opacity:1; bottom:0;}
@media ( max-width:800px){
.HomeItem li .imgbox{ height:150px;}
.HomeItem li.li3 .imgbox{ height:300px;}
.HomeItem li.li4,.HomeItem li.li5{ margin-top:-150px;}
.HomeItem .info{ display:none;}
}
@media ( max-width:640px){
.HomeItem li .imgbox{ height:120px;}
.HomeItem li.li3 .imgbox{ height:240px;}
.HomeItem li.li4,.HomeItem li.li5{ margin-top:-120px;}
}

.HomePhoto{ padding:4.5% 0; background:url(../images/photobg.jpg) center center no-repeat; background-size:cover;}
.HomePhoto .slides li{ padding-bottom:36px;}
.HomePhoto .flex-viewport{ margin-left:-18px;}
.HomePhoto .box{ margin-left:18px; text-align:center; position:relative;}
.HomePhoto .imgbox{ padding-top:73%;}
.HomePhoto .tit{ position:absolute; left:0; bottom:0; width:100%; color:#fff; line-height:46px; background:rgba(0,0,0,0.6); z-index:2;}
.HomePhoto .effict{ position:absolute; width:0%; left:50%; height:0%; top:50%; z-index:2; opacity:0; background:rgba(0,124,195,0.9);}
.HomePhoto .effict i{ width:64px; height:64px; position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; background:#fff url(../images/ico/zoom.png) center center no-repeat; background-size:contain; z-index:3; border-radius:50%;}
.HomePhoto li:hover .effict{width:100%; height:100%; opacity:1;left:0; top:0;}
.HomePhoto .flex-control-nav{bottom:0px; z-index:10; line-height:5px;}
.HomePhoto .flex-control-nav li{ margin:0 2px 0 2px;}
.HomePhoto .flex-control-nav li a{ opacity:1; width:24px; height:5px; background:rgba(0,0,0,0.2);}
.HomePhoto .flex-control-nav li a.flex-active{opacity:1; background:#007cc3;}
.HomePhoto .flex-direction-nav a { width: 50px; color:#fff; font-family:"宋体"; font-size:28px; line-height: 50px; margin:0; top:0; text-indent:0em; background:#a6a9ad; text-align:center; border-radius:50%;}
.HomePhoto .flex-direction-nav .flex-prev { opacity:1; left:-80px; right:0; top:38%;}
.HomePhoto .flex-direction-nav .flex-next { opacity:1; right:-80px; top:49.8%;}
.HomePhoto .flex-direction-nav a:hover {background:#007cc3;}
@media ( max-width:1200px){
.HomePhoto .flex-direction-nav .flex-prev {left:0px;}
.HomePhoto .flex-direction-nav .flex-next {right:0px;}
}
@media ( max-width:800px){
.HomePhoto .slides li{ padding-bottom:20px;}
.HomePhoto .flex-direction-nav { display:none;}
.HomePhoto .flex-viewport{ margin-left:-12px;}
.HomePhoto .box{ margin-left:12px;}
.HomePhoto .effict i{ width:40px; height:40px;margin:-20px 0 0 -20px;}
}

/*首页 end*/


/*栏目页公用样式 s*/
.SubPage{ height:auto !important; min-height:255px; height:255px; padding:0px 0px 5.5%;}
.SubBan{ position:relative;height:349px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}

.SubPage{ height:auto !important; min-height:255px; height:255px; padding-top:4%; padding-bottom:4%;}

.SubBan{height:350px; margin:0px auto; background-position:center center; background-repeat:no-repeat; background-size:cover;}

.SubMenu{clear:both; background:#fff; line-height:60px; text-align:center; border-bottom:1px solid #f2f2f2; box-shadow:0 0 20px #ddd;}
.SubMenu li{ display:inline-block;*display:inline;zoom:1;min-width:130px; text-align:center; position:relative;}
.SubMenu li a{ display:block; color:#484848;}
.SubMenu li a em{ position:relative; z-index:1;display:block;}
.SubMenu li .bg{ position:absolute; z-index:0; width:0%; bottom:0px; height:100%; left:50%; background:#f5f5f5;transition:all 0.2s linear; -webkit-transition:all 0.2s linear; font-size:0;}
.SubMenu li a:hover,.SubMenu li.onli a{ color:#008cd7;}
.SubMenu li a:hover .bg,.SubMenu li.onli .bg{ width:100%; left:0;}

.w1000{max-width:1000px; margin:0px auto;}
.w1140{max-width:1140px; margin:0px auto;}

.SinglePage{ color:#808080; word-wrap:break-word;word-break:normal;text-align:justify; line-height:32px;}
.SinglePage .ico{ display:inline-block; vertical-align:middle; margin-right:12px;}
.SinglePage p{ margin-bottom:15px;}

@media ( max-width:998px){
.SubPage{padding-bottom:30px;}
.SubBan{height:100px;}

.SinglePage{line-height:24px;}
.SubMenu{ line-height:33px; padding:8px 0;}
.SubMenu li{ min-width:19%; margin:0;}
}
/*栏目页公用样式 end*/


/*集团概况 s*/
.Number{ padding-bottom:14px;}
.Number li{ width:20%; text-align:center; float:left; color:#666666;}
.Number li i{ display:block; font-size:50px; color:#007cc3; line-height:54px; font-family:"宋体";}
.AboutList{ margin-left:-2%;}
.AboutList li{ width:31.3333%; float:left; position:relative; margin:0 0 21px 2%; text-align:center;}
.AboutList li .info{ opacity:0; position:absolute; width:100%; height:100%;display: flex; align-items: center; left:0; top:0;transition: all ease 0.3s; background:rgba(0,0,0,0.5);justify-content: center; color:#fff;}
.AboutList li .info span{ display:inline-block; border-top:1px solid rgba(255,255,255,0.8); line-height:39px;border-bottom:1px solid rgba(255,255,255,0.8);}
.AboutList li:hover .info{ opacity:1;}

.SubNav{ text-align:center; margin-bottom:5%;}
.SubNav li{ display:inline-block;*display:inline;zoom:1; width:130px; margin:0 5px; line-height:40px;}
.SubNav li a{ display:block; background:#f5f5f5; border-radius:20px;}
.SubNav li.on a{ color:#fff; background:#007cc3;}

.MemberList{}
.MemberList li{ margin-bottom:30px; background:#fcfcfc;transition: all ease 0.3s;}
.MemberList li .imgbox{ width:42%; float:left; height:366px;}
.MemberList li .link{ opacity:0; width:100%; height:100%;display: flex; align-items: center;justify-content: center; background:rgba(0,124,195,0.9); position:absolute; left:0; top:0; z-index:2;transition: all ease 0.3s;}
.MemberList li .link i{ border-radius:50%; border:2px solid #fff; width:96px; height:96px; display:block; margin:0px auto; background:url(../images/ico/link.png) center center no-repeat; background-size:contain;}
.MemberList li .info{ width:50%; float:left; padding:0 4%;display: flex;flex-direction: column;justify-content:center; height:366px;}
.MemberList li .tithead{ z-index:3; position:relative; margin-bottom:25px;}
.MemberList li .cn{ display:block; color:#333333; font-size:24px; line-height:33px;}
.MemberList li .en{ display:block; color:#999999; font-size:14px; line-height:20px;}
.MemberList li .line{ top:25px; left:-90px; position:absolute; width:80px;}
.MemberList li .line i{ display:block; width:50%; float:left; background:#009beb; height:2px;}
.MemberList li .txt{ max-height:200px; overflow-y:auto; font-size:14px; color:#666666; line-height:30px;}
.MemberList li:hover .link{ opacity:1;}
.MemberList li:hover .cn{ color:#007cc3;}
.MemberList li:hover .line i:nth-child(1){ background:#fff;}

.History{ padding-top:71px; position:relative; background:url(../images/historyline.gif) center top repeat-y;}
.History .dot{ position:absolute; background:#fff; border-radius:50%; width:18px; height:18px; border:3px solid #c2c2c2; left:50%; top:0; margin-left:-12px;}
.History .item{ width:50%; position:relative; margin-bottom:103px;}
.History .box{transition: all ease 0.3s; background:#fafafa; padding:19px; margin-right:17%; line-height:28px; color:#666666; font-size:15px; box-shadow:0 5px 25px #ddd;}
.History .box .img{ margin-top:18px;}
.History .date{transition: all ease 0.3s; position:absolute; text-align:right; line-height:38px; background: #fff url(../images/hisdot1.gif) right center no-repeat; padding-right:30px; top:45px; right:-9px; color:#333333; font-size:26px;}
.History .item:hover .date{background: #fff url(../images/hisdot01.gif) right center no-repeat; color:#007cc3;}
.History .item:hover .box{ color:#fff; background:#007cc3;}
.History .item.next { float:right; margin-top:-240px;}
.History .item.next .box{ margin-right:0; margin-left:17%;}
.History .item.next .date{ padding-right:0; right:auto; left:-9px; padding-left:30px; background-position:0px center;}

.HornorList{ text-align:center; margin:0 0 10px -2.5%;}
.HornorList li{ width:30.8333%; float:left; margin:0 0 2.5% 2.5%; text-align:center;transition: all ease 0.3s;}
.HornorList .imgbox{ background:#fcfcfc; padding-top:100%;}
.HornorList .imgbox span{ width:86%; height:86%; left:7%; top:7%; background-size:contain;}
.HornorList .tit{ line-height:60px; background:#f0f0f0;}
.HornorList li:hover .tit{ color:#fff;background:#007cc3;}
.HornorList.photo .imgbox{ padding-top:66%;}
.HornorList.photo .imgbox span{ width:100%; height:100%; top:0; left:0; background-size:cover;}
.HornorList .effict{ position:absolute; width:0%; left:50%; height:0%; top:50%; z-index:2; opacity:0; background:rgba(0,124,195,0.9);}
.HornorList .effict i{ width:64px; height:64px; position:absolute; top:50%; left:50%; margin:-32px 0 0 -32px; background:#fff url(../images/ico/zoom.png) center center no-repeat; background-size:contain; z-index:3; border-radius:50%;}
.HornorList li:hover .effict{width:100%; height:100%; opacity:1;left:0; top:0;}

@media ( max-width:998px){
.History .date{ font-size:18px;}
}
@media ( max-width:768px){
.Number li{ padding:0 1%; width:18%;}
.Number li i{font-size:26px; line-height:40px;}
.SubNav li{ width:120px; margin:0 2px; line-height:30px;}
.MemberList li{ margin-bottom:15px;}
.MemberList li .imgbox{ width:auto; float:none; height:auto; padding-top:50%;}
.MemberList li .info{ width:auto; float:none; padding:12px; display:block; height:auto;}
.MemberList li .txt{ max-height:none; overflow:auto; line-height:24px;}
.MemberList li .line{ display:none;}
.MemberList li .tithead{margin-bottom:10px;}
.MemberList li .cn{font-size:18px;}
.MemberList li .link i{width:40px; height:40px;}

.History{ padding-top:40px; background-position:5px center;}
.History .dot{ left:-5px; margin:0;}
.History .item{ width:auto; margin-bottom:40px;}
.History .item.next { float:none; margin-top:0px;}
.History .box{ padding:15px; margin:30px 0 0 22px !important; line-height:24px; font-size:14px;}
.History .date{text-align:left !important; background-position:0px center !important;padding:0 0 0 20px !important; right:auto !important; font-size:16px; top:-25px; line-height:25px;}

.HornorList li{ width:47.5%;}
.HornorList .tit{ line-height:35px;}
.HornorList .effict i{ width:40px; height:40px;margin:-20px 0 0 -20px;}
}


/*联系我们 s*/
.ContactUs{ padding:0 8% 38px;}
.ContactUs li{ width:23%; padding:0 1%; background:url(../images/linelx.gif) right 49px no-repeat; float:left; text-align:center; color:#999999; line-height:24px;}
.ContactUs li .icon{ position:relative; display: block; margin: 0px auto; height:96px; width:96px;}
.ContactUs li .i1,.ContactUs li .i2{ display: block; position: absolute; left:0%;top: 0px;}
.ContactUs li .i1{ transition: 400ms;}
.ContactUs li .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.ContactUs li:hover .i2{ -webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.ContactUs li:hover .i1 { opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale(1.2); transform: scale(1.2);}
.ContactUs li .t{ line-height:52px; color:#333333; padding-top:4px; font-size:18px; font-weight:bold;}
.ContactUs li .p{ height:66px; color:#666666; font-size:15px; line-height:20px;}
.ContactUs li .line{ display:block; margin:0px auto; width:30px; height:10px; border-top:2px solid #cccccc;}
.ContactUs li:hover .t{color:#007cc3;}
.ContactUs li:hover .line{ border-top:2px solid #007cc3;}
#dituContent{ height:500px;}

.Message{ max-width:912px; margin:0px auto;}
.Message ul{ margin-left:-3%;}
.Message li{ margin:0 0 3% 3%; clear:both;}
.Message li.w50{ width:47%; float:left; clear:none;}
.Message .line{ position:relative; border:1px solid #cfcfcf; line-height:54px; padding:0 10px 0 63px;}
.Message .ico{ position:absolute; border-right:1px solid #cfcfcf; top:15px; left:14px; width:34px; height:22px;}
.Message .input{ width:100%; height:54px; line-height:54px;}
.Message .textarea{ position:relative; border:1px solid #cfcfcf; padding:10px 10px 10px 63px;}
.Message .textarea textarea{ width:100%; height:240px; line-height:30px;}
.Message .btn{ text-align:center; padding-top:15px;}
.Message .sendbtn{ margin:0 10px; cursor:pointer; width:178px; height:48px; color:#fff; background:#007cc3; border-radius:1px;}
.Message .resetbtn{ margin:0 10px; cursor:pointer; width:178px; height:48px; color:#fff; background:#999999; border-radius:1px;}

@media ( max-width:768px){
.ContactUs{padding:0;}
.ContactUs li{ width:48%; padding-bottom:15px;}
.ContactUs li .icon{height:50px; width:50px;}
.ContactUs li .t{ line-height:20px; font-size:15px; padding-top:10px;}
#dituContent{ height:300px;}
.Message .line{ line-height:40px; padding-left:42px;}
.Message .ico{top:9px; left:5px; width:25px;}
.Message .input{height:40px; line-height:40px;}
.Message .textarea{ padding:5px 10px 5px 42px;}
.Message .textarea textarea{height:120px;}
.Message .sendbtn{ margin:0 5px;width:110px; height:35px;}
.Message .resetbtn{ margin:0 5px;width:110px; height:35px;}
}
@media ( max-width:480px){
.Message li{ width:auto !important; float:none !important;}
}

/*新闻中心 s*/
.NewsList{ padding-bottom:10px;}
.NewsList li{ background:#fcfcfc; margin-bottom:30px;transition: all ease 0.3s;}
.NewsList li .imgbox{ width:45%; float:left; height:340px;}
.NewsList li .info{ width:47%; padding:46px 4% 0; float:right; line-height:30px;}
.NewsList li .date{ font-size:14px;color:#1381c5; line-height:36px; font-family:Arial, Helvetica, sans-serif;}
.NewsList li .date i{ display:block; line-height:35px; font-size:40px;font-family:"Times New Roman", Times, serif;}
.NewsList li .tit{ margin:30px 0 24px; font-size:18px; color:#333333;}
.NewsList li .p{ height:60px; -webkit-line-clamp: 2; color:#999999; font-size:14px;}
.NewsList li .info:hover .tit{ color:#008cd7; font-weight:bold;}
.NewsList li:hover{ background:#fff;}

.Titleinfo{ border-bottom:1px solid #e6e6e6; text-align:center; margin-bottom:35px; padding-bottom:18px;}
.Titleinfo .tits{font-size:28px; color:#010101; line-height:53px;}
.Titleinfo .date{ font-size:14px; padding:5px 0 0 0;color:#808080;}
.Titleinfo .date i{ display:inline-block; margin:0 10px;}
.Titleinfo .share{ display:inline-block;*display:inline; zoom:1; vertical-align:middle;}

.PrevNextBox {margin:50px 0 0 0;position:relative; padding-top:11px; border-top:1px solid #e6e6e6; color:#888888; font-size:16px;}
.PrevNextBox dl{ width:70%; line-height:50px; height:50px;overflow:hidden; border-bottom:1px dotted #d9d9d9; position:relative;}
.PrevNextBox dl span{ padding:0 75px 0 55px; position:relative; display:block;}
.PrevNextBox dl span em{ position:absolute; left:0px; top:0px; color:#333333;}
.PrevNextBox dl span .date{ position:absolute; right:0; top:0; color:#808080; font-size:14px; font-family:Arial, Helvetica, sans-serif;}
.PrevNextBox dl a{ margin:0px auto; display:block;text-overflow:ellipsis; white-space:nowrap; *white-space:nowrap; overflow:hidden; width:95%; color:#333333;}
.PrevNextBox dl a.none{color:#999;}
.PrevNextBox a.back{ position:absolute; right:0; top:54px; color:#007cc3; font-size:16px; padding-right:31px; background:url(../images/ico/back.png) right center no-repeat;}

@media ( max-width:800px){
.NewsList li{ margin-bottom:18px;}
.NewsList li .imgbox{height:130px;}
.NewsList li .info{ padding:0px 4% 0; line-height:24px;}
.NewsList li .p{ height:auto;}
.NewsList li .date i{ display:inline-block; height:auto; font-size:14px;}
.NewsList li .tit{ margin:5px 0 5px; font-size:15px;}

.Titleinfo { line-height:20px; font-size:12px; padding-bottom:15px; margin-bottom:20px;}
.Titleinfo .tits{ font-size:18px; line-height:24px; padding-bottom:10px;}
.Titleinfo .share{ display:none;}

.PrevNextBox {margin:50px 0 0 0; font-size:14px;}
.PrevNextBox dl{ width:auto; line-height:30px; height:30px; margin-bottom:8px;}
.PrevNextBox dl span{ padding-left:45px;}
.PrevNextBox a.back{ font-size:14px; top:-35px;}
}


/*党群工作*/
.NewsFocus2{ overflow:hidden; position:relative; background:#fcfcfc; margin-bottom:30px;}
.NewsFocus2 .slides li{ position:relative; height:340px;}
.NewsFocus2 .imgbox{ overflow:hidden; width:45%; height:340px; float:left;}
.NewsFocus2 .info{ width:47%; padding:51px 0 0 5%; float:left; line-height:30px;}
.NewsFocus2 .date{ color:#999999; background:url(../images/ico/date.png) 0px center no-repeat; padding-left:34px; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.NewsFocus2 .tit{ font-size:18px; margin:30px 0 11px; color:#333333;}
.NewsFocus2 .p{height:90px; overflow:hidden; color:#888888; font-size:14px;}
.NewsFocus2 .slides li:hover .tit{ color:#007cc3;}
.NewsFocus2 .flex-direction-nav{ display:none;}
.NewsFocus2 .flex-control-nav{ left:49.5%; text-align:left;width:32%; bottom:18px;}
.NewsFocus2 .flex-control-paging li a {width: 8px; height: 8px; text-indent:999em; background:#b5b5b5; border-radius:50%;}
.NewsFocus2 .flex-control-paging li a.flex-active {background:#007cc3; width:24px; border-radius:5px;}

.NewsList2 { margin-bottom:2%; padding-bottom:10px;}
.NewsList2 li{transition: all ease 0.3s; padding:20px 40px 0 144px; border-bottom:1px solid #eeeeee; height:104px; position:relative;}
.NewsList2 li .tit{ line-height:32px; color:#222222;}
.NewsList2 li .p{ font-size:14px; color:#888888; height:48px;-webkit-line-clamp: 2;}
.NewsList2 li .date{ width:68px; height:84px; position:absolute; background:#cccccc; color:#fff; text-align:center; font-family:Arial, Helvetica, sans-serif; left:38x; top:20px; font-size:14px; left:38px;}
.NewsList2 li .date i{ font-family:"宋体"; display:block; padding-top:22px; font-size:30px;}
.NewsList2 li:hover .tit{ color:#007cc3;}
.NewsList2 li:hover .date{ background:#007cc3;}

@media ( max-width:800px){
.NewsFocus2 { margin-bottom:15px;}
.NewsFocus2 .slides li{height:auto; padding-bottom:20px;}
.NewsFocus2 .imgbox{width:auto; height:auto; padding-top:45%; float:none;}
.NewsFocus2 .info{ width:auto; padding:15px; float:none;}
.NewsFocus2 .p{height:60px; line-height:20px;}
.NewsFocus2 .date{font-size:14px;}
.NewsFocus2 .tit{ font-size:16px; margin:5px 0 5px;}
.NewsFocus2 .flex-control-nav{ left:0; text-align:center;width:100%; bottom:0px;}

.NewsList2 li{ padding:15px 0px 0 80px; height:80px;}
.NewsList2 li .date{ width:65px; height:65px; left:0px; top:15px;}
.NewsList2 li .date i{ font-size:20px; padding-top:12px;}
.NewsList2 li .p{ height:39px; line-height:18px;}
.NewsList2 li .tit{ line-height:24px; color:#222222;}
}

/*企业文化 s*/
.NewsList3{}
.NewsList3 li{ border-bottom:1px solid #eeeeee; padding-bottom:40px; margin-bottom:40px;}
.NewsList3 li .imgbox{ width:23%; float:left; height:158px;}
.NewsList3 li .info{ font-size:14px; width:73%; float:right; padding:7px 4% 0 0;}
.NewsList3 li .box{ position:relative; padding-left:120px; line-height:26px;}
.NewsList3 li .date{ width:138px; color:#888888; font-family:Arial, Helvetica, sans-serif; position:absolute; left:0px; top:17px; text-align:center;}
.NewsList3 li .date i{ display:block; line-height:37px; color:#333333; font-size:42px;font-family:"Times New Roman", Times, serif; }
.NewsList3 li .date2{ display:none;}
.NewsList3 li .tit{ line-height:47px;font-size:18px; color:#333333;}
.NewsList3 li .p{ height:52px; margin-bottom:16px;-webkit-line-clamp: 2; color:#999999;}
.NewsList3 li .detail{ color:#999999; width:110px; line-height:34px; text-align:center; font-family:Arial, Helvetica, sans-serif; border:1px solid #eeeeee;}
.NewsList3 li .info:hover .detail{ color:#fff; background:#007cc3; border:1px solid #007cc3;}
.NewsList3 li .info:hover .tit{ color:#008cd7;}
.NewsList3 li .info:hover .date i{ color:#008cd7;}

.VideoList{ margin:62px 0 10px -2.5%;}
.VideoList li{ float:left; width:30.8333%; margin:0 0 2.5% 2.5%; text-align:center;}
.VideoList .imgbox{ padding-top:65%;}
.VideoList .play{ opacity:0;transition: all ease 0.3s;display: flex; align-items: center;justify-content: center; width:100%; height:100%; left:0; top:0; z-index:2; position:absolute; background:rgba(0,0,0,0.5);}
.VideoList .play i{ background:url(../images/ico/play.png); width:58px; height:58px; display:block; margin:0px auto; background-size:contain;}
.VideoList .tit{ line-height:60px; background:#f0f0f0; color:#444444;}
.VideoList li:hover .tit{ background:#007cc3; color:#fff;}
.VideoList li:hover .play{ opacity:1;}
.videoinfo{ width:80%; margin:25px auto;}
.VideoInfo .video{ width:auto; float:none; height:600px;}
.mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:0px; top:0px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

@media ( max-width:998px){
.VideoList .tit{ line-height:25px;}
.VideoList .play{ opacity:1;}
.VideoList .play i{width:30px; height:30px;}
}

@media ( max-width:768px){
.NewsList3 { padding-bottom:10px;}
.NewsList3 li{ padding-bottom:15px; margin-bottom:15px;}
.NewsList3 li .tit{ line-height:28px; padding-top:0px; font-size:15px; color:#000000;}
.NewsList3 li .p{ height:20px; line-height:20px;-webkit-line-clamp: 1; margin:5px 0 10px;}
.NewsList3 li .detail{ width:80px; line-height:27px; font-size:14px;}
.NewsList3 li .imgbox{height:120px; width:27%;}
.NewsList3 li .info{ padding:0;}
.NewsList3 li .box{ padding:0 0 0 15px;}
.NewsList3 li .date{ display:none;}
.NewsList3 li .date2{ display:block;}
.VideoList{ margin-top:30px;}
}


/*招贤纳士 s*/
.hrw1{ width:20%;}
.hrw2{ width:17%;}
.hrw3{ width:18%;}
.hrw4{ width:13%;}
.hrw5{ width:17%;}
.hrw6{ width:20%;}
.Hrhead{ height:60px; text-align:center; color:#fff; background:#008cd7; margin-bottom:0px; font-size:18px;}
.padleft{ padding-left:4%; text-align:left !important;}
.HrList{ margin-bottom:4%;}
.HrList li{ border-bottom:1px solid #eeeeee;}
.HrList li td{ height:58px; text-align:center; color:#444444; font-size:15px;}
.HrList li td a{color:#444444;}
.HrList .btn{ background:#f4f4f4; width:120px; margin:0px auto; line-height:31px; color:#444444; display:block;}
.HrList li .txtCont{ position:relative; font-size:14px; display:none; background:#f5f5f5;line-height:28px; padding:15px 4% 25px; color:#666666;}
.HrList li .txtCont .item{ display:none; border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px;}
.HrList li .txtCont .item dd span{ color:#4c4c4c;}
.HrList li .txtCont .stit{ font-size:16px; color:#333;}
.HrList li .txtCont a.apply{ text-align:center; position:absolute; top:25px; right:2.3%; width:120px; line-height:31px; background:#008cd7; color:#fff; font-size:15px; box-shadow:0 4px 15px #c5dbe7;}

.HrList li.current td{ color:#008cd7;}
.HrList li.current a{ color:#008cd7;}
.HrList li.current .btn{ color:#fff; background:#008cd7;}

.Jobbox{ line-height:38px; width:68%; position:relative; padding:40px; border-radius:10px; margin:20px auto; background:#fff;}
.Jobtit{ text-align:center; color:#0080af; padding-bottom:5%; font-size:30px;}
.Jobitem{ color:#222222;}
.Jobitem dd{ margin-bottom:8px; width:33.333%; float:left;}
.Jobtit2{ font-size:18px; color:#0080af;}
.jobbtn{ display:block; margin-top:5%; color:#fff; font-size:18px; width:140px; line-height:45px; text-align:center; background:#0080af; border-radius:20px;}
.Jobbox .mfp-close{ border-radius:50%; background:#0080af; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:-15px; top:-15px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

.JobForm{ color:#666666; margin:42px 0px 0px 0px;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:22%; float:left; text-align:right; padding:5px 2% 5px 0;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:10.8%; padding-right:1%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#126db6; margin-right:8px;}
.resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#606060;}

@media ( max-width:768px){
.Hrhead{ height:36px;font-size:15px; margin-bottom:10px; font-weight:normal;}
.HrList{ margin-bottom:28px;}
.HrList li td{ height:45px;font-size:14px;}
.hrw1{ width:40%;}
.hrw5{ width:30%;}
.hrw2,.hrw3,.hrw4{ display:none;}.hrw6{ width:30%;}
.HrList .btn{ width:80px;}
.HrList li .txtCont .stit{ font-size:15px; margin-bottom:10px; }
.HrList li .txtCont .item{ display:block;}
.HrList li .txtCont{ padding-top:10px; padding-bottom:18px; line-height:24px;}
.HrList li .txtCont a.apply{ width:80px;}

.Jobbox{ line-height:24px; width:auto; padding:18px;}
.Jobtit{ font-size:18px;}
.Jobitem dd{ width:auto; float:none;}
.Jobtit2{ font-size:16px; padding:5px 0;}
.jobbtn{ width:120px; line-height:35px; font-size:16px;}
.JobForm { margin-top:0;}
.JobForm dl{ width:auto; float:none; padding-left:0%;}
.JobForm dl.other{ width:auto;padding-left:0%;}
.JobForm dl dt{ width:25%;}
.JobForm dl dd{ width:70%;}
.JobForm dl.other dt{ width:25%;}
.JobForm dl.other dd{ width:70%;}
.sendbtn{ width:100px; height:35px;}
.resetbtn{ width:100px; height:35px;}
.Jobbox .mfp-close{right:-5px;}
}

/*经营发展 s*/
.ZsyzList{ margin-bottom:40px;}
.ZsyzList li{ border-bottom:1px solid #eeeeee;transition: all ease 0.3s;}
.ZsyzList .imgbox{ padding-top:32%;}
.ZsyzList .info{ padding:3% 3.5%; line-height:30px;}
.ZsyzList .tit{ font-size:24px; color:#333333;}
.ZsyzList .p{ height:60px;-webkit-line-clamp: 2; font-size:14px; margin:12px 0 29px; color:#888888;}
.ZsyzList .more{ text-align:center; background:#f5f5f5; border-radius:20px; width:130px; line-height:40px;}
.ZsyzList li:hover .tit{ color:#007cc3;}
.ZsyzList li:hover .more{ color:#fff; background:#007cc3;}

.Contact{}
.Contact .info{ padding-top:38px; width:42%; float:right;}
.Contact .info li{ line-height:28px; padding:0 0 12px 47px; color:#808080; position:relative;}
.Contact .info .ico{ position:absolute; left:0; top:0;}
.Contact .info .tit{ color:#333333; font-size:18px; margin-bottom:4px;}
.Contact .img{ width:54%; text-align:center; float:left;}

.ItemList{ padding-bottom:10px; margin-left:-2.5%;}
.ItemList li{ width:47.5%; margin:0 0 2.5% 2.5%; float:left; position:relative; overflow:hidden;}
.ItemList li .imgbox{ padding-top:66%;}
.ItemList .ti{ z-index:2; text-align:center; position:absolute; left:0; bottom:0; width:100%; background:url(../images/titbg.png) 0px bottom repeat-x; line-height:66px; color:#fff; padding-top:65px;transition: all ease 0.3s;}
.ItemList .info{display: flex; align-items: center; text-align:center; background:rgba(0,124,195,0.8); position:absolute; left:0; bottom:-100px; width:100%; height:100%; z-index:2; opacity:0;transition: all ease 0.3s;}
.ItemList .info .line{ position:absolute; left:5%; top:6%; width:89%; height:88%; border:1px solid rgba(255,255,255,0.2);}
.ItemList .info .txt{ line-height:29px; max-width:80%; margin:0px auto; font-size:14px;}
.ItemList .info .tit{ padding-bottom:16px; font-size:18px; font-weight:bold; color:#fff;}
.ItemList .info .p{ color:#fff;-webkit-line-clamp: 4; text-align:left; height:116px; opacity:0.8;}
.ItemList .info .more{ border-radius:19px; margin:21px auto 0; width:128px; line-height:38px; color:#fff; border:1px solid rgba(255,255,255,0.3);}
.ItemList li:hover .info{ opacity:1; bottom:0;}
.ItemList li:hover .ti{ bottom:-100%;}
@media ( max-width:998px){
.ItemList .info{ display:none;}
.ItemList li:hover .ti{ bottom:0px;}
.ItemList .ti{line-height:35px; padding:0;}
}
@media ( max-width:768px){
.ZsyzList{ margin-bottom:18px;}
.ZsyzList .info{line-height:24px;}
.ZsyzList .tit{ font-size:16px; color:#333333;}
.ZsyzList .p{ height:auto;margin:5px 0 10px; line-height:20px;}
.ZsyzList .more{width:100px; line-height:30px;}
.Contact .img{ width:auto; float:none;}
.Contact .info{ padding-top:10px; width:auto; float:none;}
.Contact .info .tit{font-size:16px; margin-bottom:0;}
}

